@import "~codemirror/lib/codemirror.css";
// @import "~codemirror/theme/dracula.css";
// @import "~codemirror/theme/base16-light.css";


.CodeMirror {
  height: auto;
  min-height: 500px;
}

pre{
  text-shadow: none;
}

$mirror-mark-font: sans-serif;
$mirror-mark-font-mono: Menlo, Consolas, Monaco, 'Andale Mono', monospace;
$mirror-mark-font-header: $mirror-mark-font-mono;

@import "./markdown_editor/highlight";
@import "./markdown_editor/toolbar";

.cm-s-mirrormark {
	font: 14px $mirror-mark-font-mono;
	box-sizing: border-box;
	height: auto;
	margin: auto;
	position: relative;
	z-index: 0;

	.CodeMirror-scroll {
		height: auto !important;
		overflow: visible !important;
		padding: 30px 4%;
		box-sizing: border-box;
	}

	&.CodeMirror-fullscreen .CodeMirror-scroll {
		height: 100% !important;
		overflow: scroll !important;
	}

	pre.CodeMirror-placeholder { color: #999; }
}



#upload-box{
  position: fixed;
  bottom: 10px;
  right: 10px;

  max-width: 300px;
  
  // background: rgba(255, 255, 255, 0.8);
  // box-shadow: 0px 0px 5px rgba(0,0,0, 0.4);
  // border-radius: 10px;
  // padding: 20px;
}
